<template>
  <div class="global_nav_bar">
    <van-nav-bar class="title_bgc">
      <template #left>
        <i
          class="iconfont"
          style="color:white;font-size:20px;"
          v-html="icon"
        ></i>
      </template>
      <template #title>
        <div style="color:white">{{ title }}</div>
      </template>
      <template #right>
        <div style="color:white">{{ text }}</div>
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
export default {
  name: 'busNavBar',
  props: {
    title: { type: String },
    icon: {
      type: String
    },
    text: {
      type: String
    }
  },
  data () {
    return {
      displayIcon: true,
      whether: false, // 是否显示左箭头
      leftText: '', // 左侧文字
      rightText: '' // 右侧文字
    }
  },
  methods: {
    onClickLeft () {},
    onClickRight () {}
  }
}
</script>

<style lang="less" scoped>
.global_nav_bar {
  .title_bgc {
    background-color: #30404b;
  }
}
</style>
